<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags" %>
<jsp:include page="comunes/header.jsp" />
<button type="button" class="btn_agregar" title="Agregar" 
        onclick="window.location.href = '<c:url value="/reembolsos/nuevo"/>'">Crear Reembolso</button>
<button type="button" class="btn_actualizar" title="Actualizar">Actualizar</button>
<hr>Tienes ${fn:length(solicitudes)} solicitud(es) pendiente(s):
<c:if test="${fn:length(solicitudes) > 0}">
   <form method="POST" action="solicitudes/aprobar2">
      <table class="tbl_listado">
         <thead><tr class="encabezado"><th>Solicitud</th><th>Flujo</th><th>Solicitante</th>
               <th>Paso Actual</th><th>Fecha</th><th>Documento</th><th>Detalle</th>
               <th>Monto</th><th>Detalle</th></tr></thead>
         <tbody><c:set var="tipoFlujo" value="solicitudes"/>
            <c:forEach var="solicitud" items="${solicitudes}" varStatus="i">
               <tr>
                  <td><c:choose>
                        <c:when test="${solicitud.flujo.tipo=='RE'}"><c:set var="tipoFlujo" value="reembolsos"/></c:when>
                        <c:otherwise><c:set var="tipoFlujo" value="solicitudes"/></c:otherwise>
                     </c:choose>
                     <c:url var="soliUrl" value="/${tipoFlujo}/aprobar?cf=${solicitud.llave.claveFlujo}&ns=${solicitud.llave.numeroSolicitud}" />
                     <c:out value="${solicitud.llave.numeroSolicitud}"/></td>
                  <td><c:out value="${solicitud.flujo.clave} - ${solicitud.flujo.descripcionCorta}" /></td>
                  <td><c:forEach items="${solicitud.detalles}" var="detalle">
                        <c:if test="${detalle.evento.paso.tipo=='I' && detalle.instancia == 1}">
                           ${detalle.usuario.nombre} ${detalle.usuario.apellidos}
                        </c:if>
                     </c:forEach>
                  </td>
                  <td><c:out value="${solicitud.paso.llave.clavePaso} - ${solicitud.paso.descripcionCorta}" /></td>
                  <td><fmt:formatDate value="${solicitud.fecha}" pattern="dd/MM/yyyy HH:mm:ss" /></td>
                  <td><c:out value="${solicitud.reembolso.numero}"/></td>
                  <td><c:out value="${solicitud.reembolso.descripcion}" /></td>
                  <td><fmt:formatNumber value="${solicitud.montoSolicitud}" type="currency"/></td>
                  <td><button type="button" class="btn_detalle" title="Solicitud ${solicitud.llave.numeroSolicitud}"
                              onclick="window.location.href = '${soliUrl}'">Detalle</button>
                     <sec:authorize ifAnyGranted="ROLE_GERENCIA_MTTO">
                        <input type="checkbox" class="ckb_numero_soli_${i.index}" name="ckb_numero_soli" 
                               value="<c:out value="${solicitud.llave.claveFlujo}%${solicitud.llave.numeroSolicitud}" />"/>
                        <select class="cmb_evento" name="ce">
                           <option value="">Seleccionar</option>
                           <c:forEach var="evento" items="${solicitud.paso.eventos}">
                              <option value="${evento.llave.claveEvento}"><c:out value="${evento.descripcion}"/></option>
                           </c:forEach>
                        </select>
                     </sec:authorize>
                  </td>
               </tr>
            </c:forEach>
            <tr>
               <td colspan="7"></td>
               <td colspan="2">
                  <sec:authorize ifAnyGranted="ROLE_GERENCIA_MTTO">
                     <button type="submit" class="btn_guardar" title="Enviar">Enviar</button>
                  </sec:authorize>
               </td>
            </tr>
         </tbody>
      </table>
   </form>
</c:if><c:url var="indeUrl" value="/index" />
<script type='text/javascript'>
   $(document).ready(function() {
      $(".btn_detalle").button({
         icons: {primary: "ui-icon-script"},
         text: false
      });
      $(".btn_actualizar").button({
         icons: {primary: "ui-icon-refresh"}
      }).click(function() {
         window.location.replace('${indeUrl}');
      });
      $('.cmb_evento').change(function() {
         var fila = $(this).closest("tr")[0].rowIndex - 1;
         var evento = $(this).val();
         var check = $('.ckb_numero_soli_' + fila);
         if (evento.length > 0) {
            check.prop('checked', true);
            var ckb_valor = check.val();
            var valores = ckb_valor.split('%');
            check.val(valores[0] + '%' + valores[1] + '%' + evento);
         } else {
            check.prop('checked', false);
            var ckb_valor = check.val();
            var valores = ckb_valor.split('%');
            check.val(valores[0] + '%' + valores[1]);
         }
      });
   });
</script>
<jsp:include page="comunes/footer.jsp" />